<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets" template="/template/main.xhtml"
	>
	
	<ui:define name="body">
		<p:messages for="suceso" />
		<h:form id="form" prependId="false">
			<p:toolbar>
				<p:toolbarGroup align="left">
					<p:commandButton value="#{messages['boton.guardar']}" action="#{usuarioPermisoEditMB.insert()}"
						rendered="#{!usuarioPermisoEditMB.updateMode}" ajax="false" />
					<p:commandButton value="#{messages['boton.guardar']}" action="#{usuarioPermisoEditMB.update()}"
						rendered="#{usuarioPermisoEditMB.updateMode}" ajax="false" />
					<p:commandButton value="#{messages['boton.eliminar']}" onclick="confirmation.show()"
						rendered="#{usuarioPermisoEditMB.updateMode}" type="button" immediate="true" ajax="false" />
					<p:commandButton value="#{messages['boton.volver']}"  onclick="location.href='/financiero/usuarioPermiso_list.jsf'"  
						rendered="#{usuarioPermisoEditMB.updateMode}" type="button"/>
					<p:commandButton value="#{messages['boton.volver']}"  onclick="location.href='/financiero/index.jsf'" 
						rendered="#{!usuarioPermisoEditMB.updateMode}" type="button"/>
					
					<p:confirmDialog message="#{messages['label.confirmar.eliminar']}"
						header="#{messages['label.dialogo.titulo.eliminar']}" severity="alert" widgetVar="confirmation"
						width="295" height="80"
						>
						<p:commandButton value="#{messages['boton.dialogo.si']}" action="#{usuarioPermisoEditMB.delete()}" immediate="true"
							ajax="false" />
						<p:commandButton value="#{messages['boton.dialogo.no']}" onclick="confirmation.hide()" type="button" />
					</p:confirmDialog>
					
				</p:toolbarGroup>
			</p:toolbar>

			<br />
			<div align="center">
			<p:fieldset style="width: 60%;" legend="#{messages['usuarioPermiso.label']}">
				<p:focus context="permisos"/> 
				<table >
				<tr>
				<td colspan="2">
				<p:panelGrid columns="2">
				
				
				<h:outputLabel value="#{messages['usuario.label.usuario']}" />
				<p:selectOneMenu converter="usuarioConverter" id="console" value="#{usuarioPermisoEditMB.usuarioSeleccionado}" required="true" 
					requiredMessage="#{messages['general.mensaje.requerido']}" filter="true" filterMatchMode="contains">
		            <f:selectItem itemLabel="[Seleccionar]" itemValue="0" />   		            
		            <f:selectItems value="#{usuarioPermisoEditMB.listaUsuarios}" var="usuario" itemLabel="#{usuario.nombre} (#{usuario.usuario})" itemValue="#{usuario}" />
		            <p:ajax listener="#{usuarioPermisoEditMB.actualizarPermisos}"  event="change" update="permisos"></p:ajax>
		        </p:selectOneMenu>
		        </p:panelGrid>
				</td>
				</tr>
					<tr>
						<td valign="top">
							<p:dataTable id="permisos" var="bean" value="#{usuarioPermisoEditMB.permisoModel}" rows="10" 
								paginator="true" lazy="true" emptyMessage="No hay datos" resizableColumns="true"
								 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
								paginatorPosition="bottom" paginatorAlwaysVisible="false">
							
							<f:facet name="header">#{messages['permiso.list.table.title']}</f:facet>
							<p:column style="width:50px;">
									<h:selectBooleanCheckbox value="#{usuarioPermisoEditMB.permisosMap[bean.id]}" />
								</p:column>
							<p:column sortBy="#{bean.descripcion}" filterBy="#{bean.descripcion}">
								<f:facet name="header">#{messages['permiso.label.descripcion']}</f:facet>
								<h:outputText value="#{bean.descripcion}" />
							</p:column>
							
						</p:dataTable>
						
						</td>
					</tr>
				</table>
			</p:fieldset>
			</div>
		</h:form>
	</ui:define>
</ui:composition>